<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Square Eater</title>
    <style>
        html,
        body {
            margin: 0;
        }

        canvas {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 640px;
            height: 360px;
        }
    </style>
</head>

<body>
    <canvas id="glcanvas" tabindex='1'></canvas>
    <!-- Minified and statically hosted version of https://github.com/not-fl3/macroquad/blob/master/js/mq_js_bundle.js -->
    <script src="https://not-fl3.github.io/miniquad-samples/mq_js_bundle.js"></script>
    <script>load("square_eater.wasm");</script> <!-- Your compiled wasm file -->
</body>

</html>